<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link rel="stylesheet" href="layui/css/layui.css">
	<link rel="stylesheet" href="static/css/global.css">
	<link rel="stylesheet" href="static/css/index.css">
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_978885_5eff0kquhpx.css">
</head>
<body>
	<div class="container">
		<div class="header">
			<div class="menu-title">
				<p>综合考核平台</p>
			</div>
		</div>
		<div class="positioncenter login-frame">
			<div class="login-card">
			  	<div class="login-card-header ac">
			  		<div class="login-card-circle">
			  			<img src="static/image/avator.png" alt="">
			  			综合考核平台
			  		</div>
			  	</div>
			  	<div class="login-card-body">
			    	<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
					  	<ul class="layui-tab-title ac">
						    <li class="layui-this">密码登录</li>
						    <li>录入指纹</li>
						    <li>刷身份证</li>
					  	</ul>
				  		<div class="layui-tab-content">
							<div class="layui-tab-item layui-show login-input">
								<input type="text" class="layui-input" placeholder="输入用户名">
								<input type="text" class="layui-input" placeholder="输入密码">
								<div class="login-validate">
									<input type="text" class="layui-input" placeholder="输入验证码">
									<span class="validate-code">
										M8k2
										<!-- 验证码图片放置位置 高度:38px  宽度80px -->
									</span>
								</div>
								
								<button class="layui-btn layui-btn-primary layui-btn-lg layui-btn-fluid">
									登录
								</button>
							</div>
							<div class="layui-tab-item">
								<div class="login-finger ac">
									<img src="static/image/fingerprint.png" alt="">
									<div class="login-finger-tips">
										<i class="iconfont icon-dian success"></i>当前指纹识别器链接成功
									</div>
									<button class="layui-btn layui-btn-primary layui-btn-lg layui-btn-fluid">
										登录
									</button>
								</div>								
							</div>
							<div class="layui-tab-item">
								<div class="login-identity ac">
									<img src="static/image/identity.png" alt="">
									<div class="login-finger-tips">
										<!-- <i class="iconfont icon-dian success"></i>当前指纹识别器链接成功 -->
										 <i class="iconfont icon-dian error"> </i>当前指纹识别器链接失败
									</div>
									<button class="layui-btn layui-btn-primary layui-btn-lg layui-btn-fluid">
										登录
									</button>
								</div>
							</div>
						</div>
						
					</div> 
			  	</div>
			</div>
		</div>
	</div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="layui/layui.js"></script>
<script>
layui.use(['layer', 'form', 'element'], function(){
  	var layer = layui.layer, form = layui.form, element = layui.element
  	// layer.msg('Hello World');
  	console.log($)
});
</script>
</html>